
propsage.namespace("prestige.tickets");

prestige.tickets.view = (function($, ui) {

	function initComponents() {
		$('#dialogEscalate').dialog({
			'width': 300,
			'height': 150,
			'autoOpen': false,
			'resizable': false,
			'modal': true,
			'buttons': {
				'Cancel': onDialogCancel,
				'OK': {
					'text': 'Escalate',
					'class': 'red',
					'click': onEscalateOK
				}
			}
		});
	}

	function initEventHandlers() {
		$('#btnEscalate').on('click', onBtnEscalateClick);
	}

	function onBtnEscalateClick(e) {
		e.preventDefault();
		
		$('#dialogEscalate').dialog("open");
	}
	
	function onEscalateOK() {
		$('#escalate-ticket-form').submit();
	}
	
	function onDialogCancel() {
		$('#dialogEscalate').dialog('close');
	}

	$(document).ready(function() {
		initComponents();
		initEventHandlers();
	});

}(jQuery, propsage.ui));